.report_main
  padding-top 10px
  height 100%
  border-radius 10px
  box-sizing border-box
.overviewOfConversation
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 600;
  color: #303753;
  // line-height: 44px;
  margin-bottom 15px
  margin-top 24px
#timeTrend
  border: 1px solid #ECF0F3;
  border-radius: 4px;
  position relative
#timeTrend:before
  content ''
  height 100%
  width 1px
  background #ECF0F3
  position absolute
  left 160px
.charts
  border: 1px solid #ECF0F3;
  border-radius: 4px;
  position relative
.charts:before
  content ''
  height 100%
  width 1px
  background #ECF0F3
  position absolute
  left 160px
.tags
  height: 180px;
  background: #FFFFFF;
  border: 1px solid #ECF0F3;
  border-radius: 4px;
  display flex
  flex-wrap wrap
  .tag
    height 50%
    width 20%
    display flex
    justify-content center
    // align-items center
    flex-wrap wrap
    flex-direction column
    div
      padding-left 30px
.describe
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #008BEE;
  margin-bottom 12px
  line-height 12px
.number
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #303753;
  line-height 24px
.progressBar
  width 100%
  height 290px
  border: 1px solid #ECF0F3;
  border-radius: 4px;
  padding  24px 20px
  padding-bottom 0
  p
    display flex
    justify-content: space-between;
    font-size: 12px;
    line-height 10px
    font-family: PingFang SC;
    font-weight: 600;
    color: #303753;
    margin-bottom 11px
/deep/.el-progress-bar__outer
  border-radius 4px
.ownSelect
  width: 200px;
  height: 32px;
  background: #FFFFFF;
  border: 1px solid #DCDFE6;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
.lh30
  line-height 30px
.explicit_options
  display flex
  flex-wrap: wrap
  // width 500px
  max-height 200px
  div
    width 50%
    font-size: 12px;
    padding: 0 20px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #303753;
    height: 34px;
    line-height: 34px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
.floatRight
  float right
  display flex
  i
    color #A6A6AE
    cursor pointer
  .slider
    display flex
    width 106px
    height 26px
    background #EFF3F8
    margin-right 18px
    border-radius 4px
    padding 2px
    justify-content: center;
    align-items: center;
    span
      display inline-block
      line-height 26px
      width 50%
      text-align center
      font-size: 12px;
      font-family: PingFang SC;
      font-weight: 600;
      color: #767E91;
    .selected
      color: #303753;
      background: #FFFFFF;
      border-radius: 4px;
.fz14
  font-size 14px
.fz12
  font-size 12px
/deep/.el-input-number.is-controls-right .el-input__inner
  text-align left
.formulaList
  height 53px
  font-size 14px;
  font-family PingFang SC
  font-weight 400
  color #303753
  line-height 53px
  padding 0 20px
  border-bottom 1px solid #E7E9ED
/deep/.el-drawer__body>.drawer-contain.contain
  padding 0!important
  padding-bottom 20px!important
  height calc(100vh - 30px)
.main
  display flex
  height 100%
  .left
    width 36%
    height 100%
    border-right 1px solid #E7E9ED
  .right
    flex 1
    height 100%
    .form
      width 100%
      height calc(100% - 48px)
      overflow auto
      padding 20px 24px
    .button
      width 100%
      height 48px
      padding-right 24px
      padding-bottom 16px
      text-align right
.formulas
  height 40px
  font-size: 12px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #303753;
  cursor pointer
  padding 0 20px
  &.selected
    color #008BEE
    font-weight: 600;
  &:hover
    background: #F3FAFF
    i
      display inline-block
  span, i
    line-height 40px

  i
    float right
    display none
    color #B3B9C7
.single
  .el-checkbox__inner
    border-radius 50%
.query-title
  width 100%
  height 45px
  border-bottom 1px solid #ECF0F3
  padding-left 16px
  span
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 600
    color: #303753
    line-height: 44px
.query-content
  padding 16px
  p
    height: 12px;
    font-size: 12px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #303753;
    line-height: 12px;
    margin-bottom 10px
  .operation
    margin-top 37px
    text-align right
.myIcon
  color #B3B9C7
  font-size 12px
  cursor pointer
.explainMain
  padding 14px
  height 210px
  overflow auto
.exportReport
  height: 34px;
  line-height: 34px
  background: #FFFFFF
  cursor pointer
  text-align center
  &:hover
    background: #F3F6F9
.echartsBar
  width: 100%;
  height: 296px;
  border: 1px solid #ecf0f3;
  border-radius: 4px;
  overflow auto
.xiangqing
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 600;
  color: #303753;
  margin-right 6px
/deep/.el-progress-bar__outer
  background-color #F8FBFD
.overflow
  overflow auto
